草庐IT

HTML + CSS - 重叠标题图像

全部标签

javascript - 图像加载后的 Jquery 延迟加载,不应用 css

我在jQueryLazy-DelayedContent,ImageandBackgroundLazyLoader中使用这个插件我试图在延迟加载后向图像添加图像边框颜色和图像边框厚度,但它似乎没有效果。如果我在开发人员控制台按“检查”,我可以看到此属性已添加到图像样式,但其效果未显示在屏幕上。HTMLJQuery$('img.lazy').Lazy({scrollDirection:'vertical',visibleOnly:false,afterLoad:function(element){element.css('border-width','thick');element.css

javascript - 在 Javascript 中绘制图像

我想让用户在浏览器中的图像上绘图。换句话说,我需要位图图形和绘图功能,无论是矢量还是位图。Canvas看起来不错,但IE不支持,虽然有ExCanvas,但我想知道ExCanvas是否足够稳定,可以在IE6到8中一致使用。或者最重要的是,是否有一个开箱即用地支持所有这些的开源图像/绘图库?我找到了两打左右基于Web的图像编辑器或绘图工具,但没有一个支持这些要求。(我想避免使用Flash/Flex/Silverlight/JavaFX。) 最佳答案 看看RaphaelJS...它是绘图功能的跨浏览器实现,在可用的情况下使用Canvas、

javascript - jQuery 淡化所有其他图像

我用jQuery编写了这段代码来淡化图像(但不是那个,将鼠标移到上方)并且所有图像同时淡化!$(".playThumb").fadeTo("normal",1);$(".playThumb").hover(function(){$(".playThumb").each(function(){if($(this)!=$(this)){$(this).fadeTo("fast",0.3);}});},function(){$(".playThumb").each(function(){$(this).fadeTo("fast",1);});});如果有人可以帮助我淡化所有其他图像除了我将鼠

javascript - 如何测试 URL 是否为有效图像(在 javascript 中)?

提交表单时,我想确保一个字段是有效的图像URL。我可以在我的服务器上创建一个AJAX端点,它可以curlURL并使用图像库解析输出,但这感觉有点矫枉过正。我可以制作一个吗?元素然后以某种方式同步检查响应? 最佳答案 你可以制作一个元素并处理它的onerror和onload事件。如果load事件触发,这是一个有效的图像;如果error事件触发,但它没有。这甚至适用于跨域。 关于javascript-如何测试URL是否为有效图像(在javascript中)?,我们在StackOverflow

javascript - 进行图像翻转的最佳方法?

我希望将鼠标悬停时更改主徽标。我知道有几种方法可以实现此目的,并且想知道哪种方法最稳定,浏览器兼容,效率更高,易于设置的最佳方法。我发现的一些方法是:用Javascript(jQuery)替换“src”属性。CSS使用背景和“悬停”还有吗什么才好 最佳答案 底线对于内容丰富的图像,您希望在HTML标记中包含src。您要使用Javascript解决方案,并将过渡图像放在属性中。对于无内容的图像UI元素,尤其是在站点中常见或重复的图像UI元素,最好使用直接的CSS解决方案(因此您不必在每次调用时都重新声明图像位置)。在CSS解决方案中,

javascript - 对于简单的 HTML5 + jQuery 应用程序,我应该使用什么 JavaScript UI 测试框架?

我打算在业余时间编写一个简单的HTML5+JavaScript(jQuery)应用程序,以便跟上最新的网络技术(在工作中它是更高级的C#后端技术)。我想以过去十年左右的方式进行开发,即TDD风格。作为HTML/JavaScript中的TDD/BDD/AcceptanceTDD世界的新手,我的问题是:是否有一个很好的框架或类似的框架来针对浏览器中的网页编写测试(开箱即用的支持许多浏览器是一个明确的优势)?我想使用JavaScript的原因有两个。1.我想学习更多JavaScript,并且2.我想使用与开发相同的语言进行测试。否则,我可以简单地使用我的C#技能并使用Selenium、Wat

javascript - 奇数行和偶数行上的不同 CSS 样式

是否可以仅使用CSS在动态生成的表格的奇数行和偶数行上设置不同的样式,而无需我在迭代集合时在每一行上设置正确的样式? 最佳答案 我不确定这是否适用于跨浏览器,我自己更喜欢jQuery,但只有css-only这应该可以解决问题:tr:nth-child(even){...}tr:nth-child(odd){...} 关于javascript-奇数行和偶数行上的不同CSS样式,我们在StackOverflow上找到一个类似的问题: https://stackov

javascript - 如果 CSS3 过渡不存在,使用 Modernizr 和 jQuery 来制作动画

如果不支持CSS3,有没有办法结合使用Modernizr和jQuery来启用类似于转换的功能?我目前正在做的是这样的......ThisdivchangesbothwidthandheightonhoverCSS是.hoverable{height:100px;width:2000px;transition:height.5s,width.5s;}.hoverable:hover{height:200px;width:100px;}如果不支持CSS3转换,我目前只是使用Modernizr使div默认处于悬停状态。如果不支持CSS3,有没有办法使用Modernizr触发jQuery动画?

javascript - 如何在页面刷新/加载时刷新验证码图像?

我想强制我的网站在每次加载时刷新验证码图像,所以我有一个由onload()事件触发的javascript方法。在这里我有以下行:document.getElementById('yw0_button').click;Firebug没有检测到任何错误,出于测试目的,我在显示的行之后添加了一个警告,每次加载页面时都会弹出警告。但是,图像不会刷新!这是我认为与View文件相关的内容:labelEx($model,'verifyCode');?>widget('CCaptcha',array('showRefreshButton'=>true,'buttonType'=>'button','b

javascript - css3 转换不是第一次在 Firefox 4 中触发

我正在试验一些css3转换。我整理了一个快速slider测试,它在webkit系列中运行良好。在Firefox4中,第一次单击左侧链接时,slider应该向左滑动,但是,直到您第二次单击该链接时,才会出现css转换。我把演示放在jsfiddle-http://jsfiddle.net/mrleroylee/ctY68/这是我的代码中的某些结果还是错误? 最佳答案 在ul的样式中设置left:0;这让它对我有用:http://jsfiddle.net/ctY68/4/看起来Gecko没有将您的第一个样式更改视为过渡,因为没有设置初始值